<template>
  <div>
    Dashboard
    <RouterLink to="/home/detail">详情</RouterLink>
    <!-- <Icon icon="tdesign:fullscreen-2" color="red" height="20" width="20" /> -->
    <el-icon size="50" color="red">
      <div ph-anchor-simple-thin />
    </el-icon>
    <div class="tdesign-fullscreen-2" />
    <div class="material-symbols:123" />
    <button class="carbon-sun dark:carbon-moon" />
    <div>count: {{ count }}</div>
    <div>double count: {{ doubleCount }} <el-button style="cursor: pointer;" @click="doubleIt">点击加倍</el-button></div>
  </div>
</template>

<script setup lang="ts">
import { useCounterStore } from "@/stores/modules/counter";
import { storeToRefs } from 'pinia';
let store = useCounterStore();
let { count , doubleCount } = storeToRefs(store);
const doubleIt = () => {
  store.increment();
}

</script>

<style scoped></style>
